<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<style>
    table, th, td{
        border: 1px solid grey;
        border-collapse:collapse;
        padding:5px;
    }
    table tr:nth-child(odd){
        background-color:#f1f1f1;
    }
    table tr:nth-child(even){
        background-color:#fff;
    }
</style>
<body>
<div ng-app="myApp" ng-controller="customersCtrl">

    <table>
        <tr ng-repeat="x in names">
            <td>{{ x.Name }}</td>
            <td>{{ x.Country }}</td>
        </tr>
    </table>
</div>

<script>
    var app = angular.module('myApp',[]);
    app.controller('customersCtrl',function ($scope, $http) {
        $http.get("./data/Customers_MySQL.php").success(function (response) {
            $scope.names = response.records;
        });
    });
</script>
</body>
</html>